
<template>
	<view class="item">
		<view class="img"><image class="image" :src="item.img" mode="widthFix"></image></view>
		<view class="info">
			<imgInfo imgStyle="width:30px;height:30px;margin-right:5px" :item="item"
			nameStyle="font-size: 20rpx;color:#787B86">
			   <view class="flex">
			   	 <uni-icons type="heart" size="20"></uni-icons>
				 1234
			   </view>
			</imgInfo>	
		</view>
	</view>
</template>
<script>
	export default{
		props:{
			item:Object
		}
	}
</script>
<style scoped lang="scss"> 
.item {
	position: relative;
	width: 40vw;
	margin-bottom: 20px;
.image {
	width: 40vw;
}
.heart {
	position: absolute;
	top: 0;
	right: 0;
}
.flex {
	font-size: 24rpx;
	color: #787B86;
}
}
</style>